<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
    <div class="wrap">
        <!-- 头部logo -->
        <div class="h_panel">
            <div class="h_logo">
                <a href="http://www.mi.com"></a>
            </div>
        </div>
        <!-- 底部定位的bg -->
        <div class="login_banner_panel"
            style="background-image: url(&quot;https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aece569d6689b4c461bb53efd9eea9c7.jpg&quot;);">
            <a href="javascript:"></a>
        </div>
            <div class="layout_panel clear">
                <div class="layout">
                    <div id="main-content">
                        <div class="mainbox form-panel">
                            <!-- 账号和扫码登录 -->
                            <div class="nav_tabs_panel">
                                <div class="nav_tabs">
                                    <a class="navtab-link now" href="javascript:">账号登录</a>
                                    <span class="line"></span>
                                    <a class="navtab-link" href="javascript:">扫码登录</a>
                                </div>
                            </div>
                            <!--  login下面大框 -->
                            <div class="tabs-con tabs_con now">
                                <div class="login_area">
                                    <div class="loginbox c_b clear">
                                        <div class="lgn-inputbg c_b ">
                                            <input class="item_account in1" type="text" placeholder="请输入用户名">
                                            <input class="item_account in2" type="password" placeholder="密码">
                                        </div>
                                        <div class="btns_bg">
                                            <button class="btnadpt">登录</button>
                                        </div>
                                        <div class="other_panel ">
                                            <span class="sms_link"><a class="btnadpt bnt_gray login_type_link" href="javascript:">手机短信登录注册</a></span>
                                            <div class="n_links">
                                                <a class="outer-link" href="./register.html">立即注册</a>
                                                <span class="line2"></span>
                                                <a class="outer-link" href="javascript:">忘记密码?</a>
                                            </div>
                                            <div class="other-text">
                                                <p>————————其他方式登录————————</p>
                                            </div>
                                            <div class="login_way">
                                                <a href="javascript:"><img src="../images/qq.jpg" alt=""></a>
                                                <a href="javascript:"><img src="../images/qq.jpg" alt=""></a>
                                                <a href="javascript:"><img src="../images/qq.jpg" alt=""></a>
                                                <a href="javascript:"><img src="../images/qq.jpg" alt=""></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        </div>
</body>
<script src="../js/login.js"></script>
</html>